<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets" template="index.xhtml">
	<ui:define name="body">
		<script type="text/javascript">
			$(document).ready(function() {
				$(".submenu-active").removeClass('submenu-active');
				$("#nomenclature").addClass('submenu-active');
				// 			jQuery('input[id*="quantity"]')
				// 			alert(jQuery('input[id*="quantity"]').val());
			});
		</script>
		<f:view>

			<p:dialog id="editNomencOd" widgetVar="editNomencWv" header="Edition"
				modal="false" resizable="true">
				<h:form id="editNomenclatureFormId">
				</h:form>
			</p:dialog>
			<p:confirmDialog id="deleteNomencId"
				message="Vous êtes sur de vouloir supprimer cette nomenclature ?"
				header="Supprimer cette valeur de nomenclature" severity="alert"
				widgetVar="deleteNomencWv">
				<h:form></h:form>
			</p:confirmDialog>


			<p:dialog id="createAnotherTempsUnitaireId"
				widgetVar="createAnotherTempsUnitaireWv"
				header="Creation Temps unitaire" modal="false" resizable="true">
				<h:form id="createAnotherTempsUnitaireFormId">
				</h:form>
			</p:dialog>

			<h:form>
				<p:dataTable id="nomenclatureDataTableId" var="nomenc"
					binding="#{levelNomencMB.availbleNomencBinding}"
					value="#{levelNomencMB.availbleNomenc}">

					<p:column headerText="Secteur" style="width:24%">
						<h:outputText value="#{nomenc.secteurName}" />
					</p:column>

					<p:column headerText="Rayon" style="width:24%">
						<h:outputText value="#{nomenc.rayonName}" />
					</p:column>

					<p:column headerText="Sous Rayon" style="width:24%">
						<h:outputText value="#{nomenc.sousRayonName}" />
					</p:column>

					<p:column headerText="Famille" style="width:24%">
						<h:outputText value="#{nomenc.familleName}" />
					</p:column>

					<p:column headerText="Sous Famille" style="width:24%">
						<h:outputText value="#{nomenc.sousFamilleName}" />
					</p:column>
					<p:column style="width:4%">
						<p:commandButton id="EditNomencId"
							oncomplete="editNomencWv.show()" icon="ui-icon-search"
							title="Editer Noemnclature">
							<f:setPropertyActionListener value="#{nomenc}"
								target="#{nomenc.selectedNomenclature}" />
						</p:commandButton>
					</p:column>
					<p:column style="width:4%">
						<p:commandButton id="deleteNomencId"
							oncomplete="deleteNomencWv.show()" icon="ui-icon-search"
							title="Supprimer nomenclature">
							<f:setPropertyActionListener value="#{nomenc}"
								target="#{nomenc.selectedNomenclature}" />
						</p:commandButton>
					</p:column>
				</p:dataTable>
			</h:form>
		</f:view>
	</ui:define>
</ui:composition>